<div class="cloumbox editorbox"></div>
<!--编辑器: page-->
<script id="tpl_editor_page" type="text/template">
    <div class="menu-title"><span>@{{ d.name }}</span></div>
    <div  class="editorlist" data-itemid="@{{ d.id }}">
        <div class="layui-form-item">
            <label class="layui-form-label">页面名称</label>
            <div class="layui-input-block" >
                <input type="text" data-bind="params.name" value="@{{ d.params.name }}" class="layui-input">
                <div class="layui-form-mid layui-word-aux">页面名称仅用于后台查找</div>
            </div>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label">页面标题</label>
            <div class="layui-input-block" >
                <input type="text" data-bind="params.title" value="@{{ d.params.title }}" class="layui-input">
                <div class="layui-form-mid layui-word-aux">小程序端顶部显示的标题</div>
            </div>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label">分享标题</label>
            <div class="layui-input-block" >
                <input type="text" data-bind="params.share_title" value="@{{ d.params.share_title }}" class="layui-input">
                <div class="layui-form-mid layui-word-aux">小程序端转发时显示的标题</div>
            </div>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label">标题栏文字</label>
            <div class="layui-input-block">
                <input type="radio" lay-filter="radio" name="titleTextColor" data-bind="style.titleTextColor"  value="black" title="黑色" @{{ d.style.titleTextColor=== 'black' ? 'checked' : '' }}>
                <input type="radio" lay-filter="radio" name="titleTextColor" data-bind="style.titleTextColor"  value="white" title="白色" @{{ d.style.titleTextColor=== 'white' ? 'checked' : '' }}>
            </div>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label">标题栏背景</label>
            <div class="layui-input-inline">
                <input type="color" data-bind="style.titleBackgroundColor" value="@{{ d.style.titleBackgroundColor }}"  class="layui-input" id="title-background-input" >
            </div>

        </div>


    </div>
</script>
<!--编辑器: 搜索-->
<script id="tpl_editor_search" type="text/template">
    <div class="menu-title"><span>@{{ d.name }}</span></div>
    <div  class="editorlist" data-itemid="@{{ d.id }}">
        <div class="layui-form-item">
            <label class="layui-form-label">提示文字</label>
            <div class="layui-input-block" >
                <input type="text" placeholder="@{{ d.params.placeholder }}" data-bind="params.placeholder" class="layui-input">

            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">搜索框样式</label>
            <div class="layui-input-block">
                <input type="radio" lay-filter="radio" name="searchStyle" data-bind="style.searchStyle"  value="" title="方形" @{{ d.style.searchStyle=== '' ? 'checked' : '' }}>
                <input type="radio" lay-filter="radio" name="searchStyle" data-bind="style.searchStyle"  value="radius" title="圆角" @{{ d.style.searchStyle=== 'radius' ? 'checked' : '' }}>
                <input type="radio" lay-filter="radio" name="searchStyle" data-bind="style.searchStyle"  value="round" title="圆弧" @{{ d.style.searchStyle=== 'round' ? 'checked' : '' }}>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">文字对齐</label>
            <div class="layui-input-block">
                <input type="radio" lay-filter="radio" name="text" data-bind="style.textAlign"  value="left" title="居左" @{{ d.style.textAlign=== 'left' ? 'checked' : '' }}>
                <input type="radio" lay-filter="radio" name="text" data-bind="style.textAlign"  value="center" title="居中" @{{ d.style.textAlign=== 'center' ? 'checked' : '' }}>
                <input type="radio" lay-filter="radio" name="text" data-bind="style.textAlign"  value="right" title="居右" @{{ d.style.textAlign=== 'right' ? 'checked' : '' }}>
            </div>
        </div>
    </div>
</script>

<!--编辑器: 辅助空白-->
<script id="tpl_editor_blank" type="text/template">
    <div class="menu-title"><span>@{{ d.name }}</span></div>
    <div  class="editorlist" data-itemid="@{{ d.id }}">
        <div class="layui-form-item">
            <label class="layui-form-label">背景颜色</label>
            <div class="layui-input-block" >
                <input type="color" data-bind="style.background" value="@{{ d.style.background }}"  class="layui-input"  >
            </div>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label">组件高度</label>
            <div class="layui-input-block">
                <input class="tpl-form-input" type="range" name="height" data-bind="style.height"
                       value="@{{ d.style.height }}" min="1" max="800">
                <input style="width: 50px; display: inline-block" type="number" class="rangeinput layui-input"  data-bind="style.height"
                           value="@{{ d.style.height }}"> px
            </div>
        </div>

    </div>
</script>


<!--编辑器: 辅助线-->
<script id="tpl_editor_guide" type="text/template">
    <div class="menu-title"><span>@{{ d.name }}</span></div>
    <div  class="editorlist" data-itemid="@{{ d.id }}">
        <div class="layui-form-item">
            <label class="layui-form-label">背景颜色</label>
            <div class="layui-input-block" >
                <input type="color" data-bind="style.background" value="@{{ d.style.background }}"  class="layui-input"  >
            </div>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label">线条样式</label>
            <div class="layui-input-block">
                <input type="radio" lay-filter="radio" name="lineStyle" data-bind="style.lineStyle"  value="solid" title="实线" @{{ d.style.lineStyle=== 'solid' ? 'checked' : '' }}>
                <input type="radio" lay-filter="radio" name="lineStyle" data-bind="style.lineStyle"  value="dashed" title="虚线" @{{ d.style.lineStyle=== 'dashed' ? 'checked' : '' }}>
                <input type="radio" lay-filter="radio" name="lineStyle" data-bind="style.lineStyle"  value="dotted" title="点状" @{{ d.style.lineStyle=== 'dotted' ? 'checked' : '' }}>
            </div>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label">线条颜色</label>
            <div class="layui-input-block" >
                <input type="color" data-bind="style.lineColor" value="@{{ d.style.lineColor }}"  class="layui-input"  >
            </div>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label">线条高度</label>

            <div class="layui-input-block">
                <input class="tpl-form-input" type="range" data-bind="style.lineHeight"
                       value="@{{ d.style.lineHeight }}" min="1" max="800">
                <input style="width: 50px; display: inline-block" type="number" class="rangeinput layui-input"  data-bind="style.lineHeight"
                       value="@{{ d.style.lineHeight }}"> px
            </div>

        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">上下边距</label>
            <div class="layui-input-block">
                <input class="tpl-form-input" type="range" data-bind="style.paddingTop"
                       value="@{{ d.style.paddingTop }}" min="1" max="800">
                <input style="width: 50px; display: inline-block" type="number" class="rangeinput layui-input"  data-bind="style.paddingTop"
                       value="@{{ d.style.paddingTop }}"> px
            </div>
        </div>
    </div>
</script>

<!--编辑器: 富文本-->
<script id="tpl_editor_richText" type="text/template">
    <div class="menu-title"><span>@{{ d.name }}</span></div>

    <div  class="editorlist" data-itemid="@{{ d.id }}">
        <div class="layui-form-item">
            <label class="layui-form-label">背景颜色</label>
            <div class="layui-input-block" >
                <input type="color" data-bind="style.background" value="@{{ d.style.background }}"  class="layui-input"  >
            </div>
        </div>


        <div class="layui-form-item">
            <label class="layui-form-label">左右边距</label>
            <div class="layui-input-block">
                <input class="tpl-form-input" type="range" data-bind="style.paddingLeft"
                       value="@{{ d.style.paddingLeft }}" min="0" max="50">
                <input style="width: 50px; display: inline-block" type="number" class="rangeinput layui-input" data-bind="style.paddingLeft"
                       value="@{{ d.style.paddingLeft }}"> px
            </div>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label">上下边距</label>
            <div class="layui-input-block">
                <input class="tpl-form-input" type="range" data-bind="style.paddingTop"
                       value="@{{ d.style.paddingTop }}" min="1" max="800">
                <input style="width: 50px; display: inline-block" type="number" class="rangeinput layui-input"  data-bind="style.paddingTop"
                       value="@{{ d.style.paddingTop }}"> px
            </div>
        </div>

        <div class="layui-form-item">
            <div style="padding-left: 20px" >
                <textarea id="richText@{{ d.id }}" data-bind="params.content" >@{{ d.params.content }}</textarea>
            </div>
        </div>
    </div>

</script>

<!--编辑器: 公告组-->
<script id="tpl_editor_notice" type="text/template">
    <div class="menu-title"><span>@{{ d.name }}</span></div>
    <div  class="editorlist diy-editor-notice" data-itemid="@{{ d.id }}">
        <div class="layui-form-item">
            <label class="layui-form-label">背景颜色</label>
            <div class="layui-input-block" >
                <input type="color" data-bind="style.background"
                       value="@{{ d.style.background }}"  class="layui-input"  >
            </div>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label">文字颜色</label>
            <div class="layui-input-block" >
                <input type="color" data-bind="style.textColor" value="@{{ d.style.textColor }}"  class="layui-input"  >
            </div>
        </div>


        <div class="layui-form-item">
            <label class="layui-form-label">上下边距</label>
            <div class="layui-input-block">
                <input class="tpl-form-input" type="range" data-bind="style.paddingTop"
                       value="@{{ d.style.paddingTop }}" min="0" max="50">
                <input style="width: 50px; display: inline-block" type="number" class="rangeinput layui-input"  data-bind="style.paddingTop"
                       value="@{{ d.style.paddingTop }}"> px
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">公告图标</label>
            <div class="layui-input-block">

                <div class="layui-upload-list upload-image"  style="height: 40px">
                    <img src="@{{ d.params.icon }}"  alt="" >
                    <input type="hidden"  data-bind="params.icon" value="@{{ d.params.icon }}">
                </div>
                <div class="layui-form-mid layui-word-aux">建议32X32</div>
            </div>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label">公告内容</label>
            <div class="layui-input-block">
                <textarea  class="layui-textarea" data-bind="params.text"  >@{{ d.params.text }}</textarea>
            </div>
        </div>


    </div>





</script>

<!--编辑器: banner-->
<script id="tpl_editor_banner" type="text/template">
    <div class="menu-title"><span>@{{ d.name }}</span></div>
    <div  class="editorlist" data-itemid="@{{ d.id }}">
        <div class="layui-form-item">
            <label class="layui-form-label">指示点形状</label>
            <div class="layui-input-block">
                <input type="radio" lay-filter="radio" name="btnShape" data-bind="style.btnShape"  value="rectangle" title="长方形" @{{ d.style.searchStyle=== 'rectangle' ? 'checked' : '' }}>
                <input type="radio" lay-filter="radio" name="btnShape" data-bind="style.btnShape"  value="square" title="正方形" @{{ d.style.searchStyle=== 'square' ? 'checked' : '' }}>
                <input type="radio" lay-filter="radio" name="btnShape" data-bind="style.btnShape"  value="round" title="圆形" @{{ d.style.searchStyle=== 'round' ? 'checked' : '' }}>
            </div>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label">指示点颜色</label>
            <div class="layui-input-block" >
                <input type="color" data-bind="style.btnColor" value="@{{ d.style.btnColor }}"  class="layui-input"  >
            </div>
        </div>

        <div class="form-items" id="form-items">
            @{{#  layui.each(d.data, function(index, item){ }}


                <div class="form-item"  data-id="@{{ index }}">
                    <i class="mdi mdi-close item-delete"></i>
                    <div class="item-inner">

                        <div class="layui-form-item">
                            <label class="layui-form-label">图片</label>
                            <div class="layui-input-block ">
                                <div class="data-image layui-upload-list upload-image">
                                    <img src="@{{ item.imgUrl }}" alt="">
                                    <input type="hidden" data-bind="data.@{{ index }}.imgUrl"  value="@{{ item.imgUrl }}" >
                                </div>
                                <div class="layui-form-mid layui-word-aux">@{{ item.advise }}</div>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">链接地址</label>
                            <div class="layui-input-block">
                                <input type="text" autocomplete="off" data-bind="data.@{{ index }}.linkUrl"  value="@{{ item.linkUrl }}" class="layui-input">
                            </div>
                        </div>
                    </div>
                </div>
            @{{#  }); }}


        </div>

        <div class="layui-form-item">
            <button type="reset" class="layui-btn layui-btn-primary  layui-btn-fluid createSubItem">添加一个</button>
        </div>



    </div>


</script>